﻿@media only screen and (max-width: 480px) {
    .VS .vsImageDiv { padding-left: 0; display: block; margin: 0 auto; }
    .VS .padLeft8 { padding-left: 0; }
    .vsImageDiv { width: 250px; height: 250px; margin: 0 auto; }
    .vsImageDiv img { max-width: 250px!important; max-height: 250px!important; }
    .VS .textoptionsheader { padding: 5px; overflow: visible; }
    .VS .vsSlider ._90 { width: 85%; }
    .VS ._wColorPicker_holder * { box-sizing: border-box; }
    .VS .textoptionsheader #customWidget { position: relative; }
    .VS .textoptionsheader .font-color-label { display: none!important; }
    .VS .textoptionsheader .colorselect { margin-top: 0; }
    .VS .textoptionsheader .editorBtn { padding: 5px!important; }
    .VS ._divclholder,
    .VS ._divclholder ._logoCol  { margin-left: 10px; float: right; }
    .VS .selectlogo .fltleft,
    .VS .selectlogo .fltright,
    .VS ._45,
    .VS ._58full,
    .VS ._40full { float: none; width: 100%; margin: 0; }
    .VS ._50 > .marginRight20 { margin-right: 0; }
    .VS input[type='checkbox'] { margin-right: 10px; } 
    .VS input[type='text'] { box-sizing: border-box; width: 100%!important; }
    .VS .bottomButtons { position: relative; margin: 15px 0 0; padding: 15px 0 0; border-top: 1px solid #ccc; }

    .VS .vs-text-toolbar > div { margin-right: 3px; }
    .VS .vs-text-toolbar .font-family { width: 60px!important; }
    .VS .vs-text-toolbar .font-size { width: 40px!important; }
}